import Vue from 'vue'
import Router from 'vue-router'
import Login from './components/Login.vue'
import Home from './components/Home.vue'
import Welcome from './components/Welcome.vue'
import Users from './components/user/Users.vue'
import Rights from './components/power/Rights.vue'
import Rolus from './components/power/Rolus.vue'

Vue.use(Router)

const router = new Router({
    routes: [
        { path: '/', redirect: '/login' },
        { path: '/login', component: Login },
        {
            path: '/home', component: Home, redirect: '/welcome', children:[
                { path: '/welcome', component: Welcome },
                {path:'/users', component: Users},
                {path:'/rights', component: Rights},
                {path:'/roles',component:Rolus}
            ]
        }
    ]
})

// 挂在路由守卫

router.beforeEach((to, from, next) => {

    // 如果将要访问的是登陆页面 就继续访问
    if (to.path === '/login') return next()
    // 获取token
    const tokenStr = window.sessionStorage.getItem('token')
    // 如果没有token值 就返回登陆页面
    if (!tokenStr) return next('/login')
    // 如果有token值 则继续访问
    next()
})

export default router

